<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>css</title>

<!--    链接式，引入外部样式-->
    <link rel="stylesheet" href="./css/demo_style.css">
    <style>
         /*内部样式 */
        p{
            color: blue;
            /*font-weight: bold;      !* 关键字 *!*/
            /*font-weight: bolder;*/
            font-weight: 100;
            text-align: center;
        }
         .title{
             font-size: 45px;
             font-family: 隶书;
         }
         div{
             font-family: "Arial Black", 华文楷体;  /* 又有英文字体，又有中文字体的时候，各自装饰各自的内容 */
         }
         span{
             /*font-weight: normal;*/
             /*font-weight: lighter;*/
             font-weight: 800;
         }
         /*两个元素相对对齐，所以这里需要给两个元素定位*/
         p,textarea{
             vertical-align: top;
         }
    </style>
<!--    导入式，引入外部样式-->
<!--    <style>-->
<!--        @import "./css/demo_style.css";-->
<!--    </style>-->


</head>

<!-- 行内样式 -->
<p class="title" style="color: rgba(255,0,0,1); text-align: center">静夜诗</p>
<p style="color: #FF0000;">床前明月光，</p>
<p style="color: #00FF00;">疑似地上霜。</p>
<p style="color: #0000FF;">举头望明月，</p>
<p>低头思故乡。</p>
<p>低头思<span style="background: yellow">故乡</span>。</p>
<div style="text-align: right">你好我叫坚果，hello，nice to mete you</div>
<p style="text-align: left; text-indent: 2em;line-height: 50px">妈妈说春来了。但是，春天在哪里呢﹖春天在桃花含苞待放的花骨朵儿里，它
妈妈说春来了.但是，春天在哪里呢?春天在桃花含苞待放的花骨朵儿里，它
真想让人们看看它那秀丽的脸颊。春天在哪里呢?春天在那小草的嫩芽尖上，它迫
真想让人们看看它那秀丽的脸颊.春天在哪里呢？春天在那小草的嫩芽尖上，它迫
不急待地探出头来，想看看大自然的秀丽。春天在哪里呢﹖春天在那湖水的倒影
不急待地探出头来，想看看大自然的秀丽.春天在哪里呢?春天在那湖水的倒影
里，映出了红花，映出了绿草，还有小黄鹂秀丽的身影。春天在哪里呢﹖春天在农
里，映出了红花，映出了绿草，还有小黄鹂秀丽的身影.春天在哪里呢?春天在农
民伯伯的笑容里，想到秋天就能丰收了，心里可开心了!春天在哪里呢﹖春天在大
民伯伯的笑容里，想到秋天就能丰收了，心里可开心了！春天在哪里呢?春天在大
家的眼睛里，让大家一齐来看看春天的秀丽!
家的眼睛里，让大家一齐来看看春天的秀丽！
</p>
<p style="text-decoration: underline">下划线</p>
<p style="text-decoration: line-through">中划线</p>
<p style="text-decoration: overline">上划线</p>
<p style="text-align: left">
<a href="https://www.baidu.com" style="text-decoration: none">百度按钮</a>
</p>
<p style="text-align: left">
        个人介绍
        <textarea name="introduce" cols="15" rows="5">请填写自我介绍
        </textarea>
    </p>
</html>